<template>
  <div class="rightdiv">
    <BasicTable @register="registerTable" :rowSelection="rowSelection"> </BasicTable>
  </div>
</template>

<script lang="js" name="OperationOverview" setup>
  import { BasicTable, useTable, TableAction } from '/@/components/Table';
  import { useListPage } from '/@/hooks/system/useListPage';
  const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
    tableProps: {
      title: 'biz_charge_stake',
      api: '/bizChargeStake/list',
      columns: [
        {
          title: 'IMEI号码',
          align: 'center',
          dataIndex: 'imei',
        },
        {
          title: '充电桩名称',
          align: 'center',
          dataIndex: 'name',
        },
      ],
      canResize: false,
    },
  });
  const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
  reload();
  /**
   * 批量删除事件
   */
  async function batchHandleDelete() {
    await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
  }
</script>

<style lang="less" scoped>
  :deep(.ant-picker),
  :deep(.ant-input-number) {
    width: 100%;
  }
  .lytitle {
    position: relative;
    padding-left: 10px;
    font-weight: 400;
    font-style: normal;
    color: #00a096;
    font-size: 18px;

    &::before {
      content: '';
      width: 4px;
      height: 16px;
      background-color: #00a096;
      position: absolute;
      left: 0;
      top: 6px;
    }
  }
  .rightdiv {
    margin-left: 30px;
    .rd_top_title {
      display: flex;
      justify-content: space-between;
    }
  }
</style>
